
import React, { useContext } from 'react';
import myContext from './myContext';

export default function GrandSon() {
  const value = useContext(myContext);

  console.log("value",value);

  return (
    <div>
      <h1>孙子组件</h1>
      <p>value:{value}</p>
    </div>
  )
}


// export default class GrandSon extends Component {
//   render() {
//     return (
//       <div>
//         <h1>孙子组件</h1>
//         <Consumer>
//           {
//             (value)=><p>value:{value}</p>
//           }
//         </Consumer>
//       </div>
//     )
//   }
// }
